.app {
  width: 100%;
  height: 100%;
}

// 一下svg 强制重置样式,为了解决 icn 不居中问题, 引起问题的根本原因,是部分插件中的样式冲突. 暂行解决方式
svg{vertical-align: unset;}

// 滚动条插件 格式化
::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgb(0 0 0 / 5%);
}

::-webkit-scrollbar-thumb {
  background-color: rgb(144 147 153 / 30%);
  border-radius: 2px;
  box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
}

::-webkit-scrollbar-thumb:hover {
  background-color: #b6b7b9;
}

.permission-disabled-style {
  cursor: not-allowed !important;

  * {
    pointer-events: none !important;
  }

  .@{ant-prefix}-radio {
    &+span {
      color: rgba(0, 0, 0, 0.25) !important;
    }

    .@{ant-prefix}-radio-inner {
      background-color: #f5f5f5 !important;
      border-color: #d9d9d9 !important;
      cursor: not-allowed;
    }
  }

  .@{ant-prefix}-checkbox {
    &+span {
      color: rgba(0, 0, 0, 0.25) !important;
    }

    .@{ant-prefix}-checkbox-inner {
      background-color: #f5f5f5 !important;
      border-color: #d9d9d9 !important;
    }
  }

  .@{ant-prefix}-btn,
  .@{ant-prefix}-btn:hover,
  .@{ant-prefix}-btn:focus,
  .@{ant-prefix}-btn:active {
    color: rgba(0, 0, 0, 0.25) !important;
    border-color: #d9d9d9 !important;
    background: #f5f5f5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  &.@{ant-prefix}-switch {
    cursor: not-allowed;
    opacity: 0.4 !important;
  }

  .@{ant-prefix}-upload {
    pointer-events: auto !important;
    cursor: not-allowed !important;

    * {
      pointer-events: none !important;
    }
  }
}
